<template>
  <!--<transition name="el-fade-in-linear">-->
  <div  class="main-bg overflow-y" >
    <div>
      2020-03-12<br/>
    </div>
    <div>
      去https://gitee.com/sky_cj/blog给个star吧。<br/>
    </div>
    <div>
      另外，pc端新增了个模仿简书首页的<a href="http://106.12.2.60:8082/author" target="_blank">http://106.12.2.60:8082/author</a>
    </div>
    <br/>
    <div>
      服务器配置：1核cpu、1G内存、 1M带宽,
    </div>
    <div>
      服务商：百度云
    </div>
    <div>
        <div>请自己添加一个账号，并给超级管理员权限。不影响其他小伙伴预览</div>
        <div>
          管理后台：<a target="_blank" href="http://106.12.2.60:8083/">http://106.12.2.60:8083/</a>
          PC端：<a target="_blank" href="http://106.12.2.60:8082/">http://106.12.2.60:8082/</a>
          移动端（请在手机模式下预览）：：<a target="_blank" href="http://106.12.2.60:8081/">http://106.12.2.60:8081/</a></div>
        <h4>请各位玩家轻拍，本项目包含 登录、注册、权限管理、前后端主体框架页面等等基本的业务和功能。 参考价值在于</h4><br/>
        1、vue框架基础项目搭建<br/>
        2、java web开发项目框架搭建<br/>
        3、前后端分离项目架构设计的<br/>
        4、PC端element-ui样式框架组件的学习和使用<br/>
        5、移动端vant样式框架组件的学习和使用<br/>
        6、系统应用 正确的RBAC模型设计和使用，让权限系统的动态控制随心所欲<br/>
        7、定时任务框架quartz的动态配置及使用<br/>
        8、mybatis框架和通用mapper相结合的最优使用方式，让你curd操作行云流水，注解式的SQL让99%的xml见鬼去吧<br/>
        9、让前端灵活的配置复杂查询过滤条件（含翻页） ，且后端高效灵活的完成复杂关联查询的及安全过滤 ，带翻页和筛选的复杂SQL一句话就搞定<br/>
        10、高自由度的统一异常处理<br/>
        11、基于maven的模块化项目配置正确方式<br/>
        12、前端项目js兼容到ie10，但是ie10会有框架样式不兼容的问题，所以，请慎重考虑。恕本人才疏学浅，无力解决<br/>
        13、通过js外部引入的方式，让vue前端项目体积更小，可以直接在index.html页面挂载cdn链接，打包之后不影响前端项目运行<br/>
    </div>
    <div class="p-tb10">

    </div>
  </div>
  <!--</transition>-->
</template>
<script>
  export default {
    inject:["reload"],
    components: {
    },
    data() {
      return {
        data: [],
        slide_h:document.body.offsetHeight - (134),
        loadingTxt: "",
      }
    },
    methods: {
      init() {
      }
    },
    created(){
    },
    mounted() {
      this.init();
    },
    updated() {
    }
  }
</script>
<style scoped>
  .el-table .success-row {
    background: #f0f9eb;
  }

  .demo-table-expand {
    font-size: 0;
  }

  .demo-table-expand label {
    width: 100px;
    color: #99a9bf;
  }

  .demo-table-expand .el-form-item {
    margin-right: 0;
    margin-bottom: 0;
    width: 50%;
  }

  .success {
    text-color: #67C23A
  }

  .danger {
    text-color: #F56C6C
  }
  .mgbottom {
    margin-bottom: 5px;
  }

  .imgMiddle {
    height: 37px;
    vertical-align: middle
  }
</style>
